/*
	朵唯head-top的扫码出现事件 
*/
$(".weixin").mouseenter(function() {
	$(this).children().eq(1).css("display", "block");
})
$(".weixin").mouseleave(function() {
	$(this).children().eq(1).css("display", "none");
})

/***************************获取JSON数据********************************/
//$.get("../json/list.json",function(data){
////	console.log(data);
//	createNode(data);
//})
//http://localhost/list.json
$.ajax({
   async:false,
   url:"http://localhost/QZA/list.json",
   type: "GET",
   dataType: 'jsonp',
   jsonp: 'fn'
});
function fn(data){
createNode(data);	
}
//动态添加
function createNode(obj){
//	console.log(obj);  
//	console.log(typeof obj); 
//	var arr = JSON.stringify(obj);
//	console.log(obj[0]);
//	console.log(obj[0].filter); 
//	console.log(obj[0].contain);
	$(".s-title").children().eq(2).html(obj[0].title); //添加txt  obj[0].title==手机
	var filters = obj[0].filter;
	var contains = obj[0].contain;
//	console.log(typeof filters);  属性是对象
 	/*
 	 createNode 接受的数据是一个对象数组
 	 数组里面只有一个对象
 	 所以为obj[0]  后面的都是当前对象的属性
 	 */
 	
 	
 	/*
 	 犯下的错误：主要就是for in 循换里面的i 其实是代表对象的属性
 	 先添加的$('<div class="filter"><ul class="choose"></ul></div>').appendTo($(".s-menu"));
 	 由于ul里面的class名字是一致的,所以下面的li节点也会在后面循换添加，呈现阶梯形状
 	 */
 	for(var i in filters){//遍历对象
 		
// 		console.log(filters[i]);
   		$('<div class="filter"><ul class="choose '+i+'"></ul></div>').appendTo($(".s-menu"));
// 		var t = i;
// 		console.log(t);
		for(var j=0;j<filters[i].length;j++){
			$("<li></li>").html(filters[i][j]).appendTo($("."+i));
		}
		
 	}
 	var len = $(".s-menu").children().length;
 	$(".s-menu").children().eq(len-1).addClass("sort");//给价格区间添加一个独立的标签名   方便给后面的点击事件做委托
   	for(var key in contains){
// 		console.log(contains[key]);
   		$('<div class="item '+key+'"></div>').appendTo($(".contain-a"));
   		var htmlStr = '<img src=" '+contains[key].imgSrc +' ">'+
						'<h3>'+contains[key].h3txt +'</h3>'+
						'<p>'+
						'<span>'+contains[key].spantxt +'<span><br/>'+
							'<strong>￥'+contains[key].price +'</strong>'+
				
						'</span></span></p>';
		$('<a href="details2.html?pid='+contains[key].pid+'"></a>').html(htmlStr).appendTo($("."+key))
   	}
   	
   	var $quanbu = $(".sort ul").children().eq(1);
   	var $one = $(".sort ul").children().eq(2);
   	var $two = $(".sort ul").children().eq(3);
   	var $treen = $(".sort ul").children().eq(4);
   	var $four = $(".sort ul").children().eq(5);
   	var $five = $(".sort ul").children().eq(6);
   	$quanbu.click(function(){
   		$(this).css("color","red").siblings().css("color","#000000");
   		$(".contain-a").html("");
   		for(var key in contains){
	// 		console.log(contains[key]);
	   		$('<div class="item '+key+'"></div>').appendTo($(".contain-a"));
	   		var htmlStr = '<img src=" '+contains[key].imgSrc +' ">'+
							'<h3>'+contains[key].h3txt +'</h3>'+
							'<p>'+
							'<span>'+contains[key].spantxt +'<span><br/>'+
								'<strong>￥'+contains[key].price +'</strong>'+
					
							'</span></span></p>';
			$('<a href="details2.html?pid='+contains[key].pid+'"></a>').html(htmlStr).appendTo($("."+key))
	   	}
   	})
	$one.click(function(){no()});
	$two.click(function(){no()});
	$treen.click(function(){no()});
   	$four.click(function(){
   		$(this).css("color","red").siblings().css("color","#000000");
		$(".contain-a").html("");
		//获取图片里面所有价格数据
		for(var num in contains){
			if(contains[num].price>=1000 && contains[num].price<2000){
				$('<div class="item '+num+'"></div>').appendTo($(".contain-a"));
		   		var htmlStr = '<img src=" '+contains[num].imgSrc +' ">'+
								'<h3>'+contains[num].h3txt +'</h3>'+
								'<p>'+
								'<span>'+contains[num].spantxt +'<span><br/>'+
									'<strong>￥'+contains[num].price +'</strong>'+
						
								'</span></span></p>';
				$('<a href="details2.html?pid='+contains[num].pid+'"></a>').html(htmlStr).appendTo($("."+num))
			}
		}
		
		
   	})
	$five.click(function(){
		$(this).css("color","red").siblings().css("color","#000000");
		$(".contain-a").html("");
		//获取图片里面所有价格数据
		for(var num in contains){
			if(contains[num].price>=2000){
				$('<div class="item '+num+'"></div>').appendTo($(".contain-a"));
		   		var htmlStr = '<img src=" '+contains[num].imgSrc +' ">'+
								'<h3>'+contains[num].h3txt +'</h3>'+
								'<p>'+
								'<span>'+contains[num].spantxt +'<span><br/>'+
									'<strong>￥'+contains[num].price +'</strong>'+
						
								'</span></span></p>';
				$('<a href="details2.html?pid='+contains[num].pid+'"></a>').html(htmlStr).appendTo($("."+num))
			}
		}
		
		
   	})
}
function no(){
	$(this).css("color","red").siblings().css("color","#000000");
	$(".contain-a").html("");
	$("<h3 style='margin-bottom:130px'>找不到类型匹配的商品</h3>").appendTo($(".contain-a"));
}
	

//<div class="item">
//	<a href="#" title="女王权杖自拍杆" target="_blank">
//		<img src="../images/index/girl-3.png">
//		<h3>女王权杖自拍杆</h3>
//		<p>
//		<span>华美上市 尽显你的美<span>
//			<strong>￥69.00</strong>
//
//		</span></span></p>
//	</a>
//</div>

/*====================购物车显示的商品总数量=================*/
goodsNum();
function goodsNum(){
	$(".shopnum").html(getGoodsNum());
	$(".shop>a>span").html(getGoodsNum());
}


